<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!-- HTML 结构层：列表主要是相同数据的集合
                         有序列表，无序列表，定义列表
						 有序列表无序列表自带样式
			列表项标志属性   list-style-type
							有序列表属性值：none  decimal（默认数值）
							               lower-roman（小罗马数字）upper-roman(大罗马数字)    
							无序列表属性值：none	  disc   circle，square
							              （默认实心圆） （空心圆） 实心方块
				实际页面开发中，无序列表来定义相同数据集合，有利于SEO优化
				实际常用属性：list-style-type：none；与通配选择器一起使用去掉页面上所有列表的样式
		-->
		<style>
			ol li{
				list-style-type: upper-roman;
			}
			ul li{
				list-style-type: circle;
			}
		</style>
		
		
		
		
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>你好</li>
			<li>我好</li>
			<li>大家好</li>
		</ol>
		<h2>无序列表</h2>
		<ul>
			<li>喜喜</li>
			<li>哈哈</li>
			<li>呵呵</li>
		</ul>
	</body>
</html>